/* public/css/admin.css */
:root {

    --form-switch-checked-bg: var(--red-500);
    --color-primary: #EA0047;
    --sidebar-menu-color: #black;
    --sidebar-menu-submenu-color: #black;
    --sidebar-bg: #e6e6e6;

    /* change the background color of the <body> */
    --responsive-header-bg: var(--red-50);
    --responsive-header-border-color: var(--red-200);
    --responsive-header-logo-color: var(--red-800);
    --responsive-table-label-color: var(--red-500);
    --responsive-table-row-border-color: var(--red-300);

    --sidebar-max-width: 230px;
    --sidebar-border-color: var(--red-200);
    --sidebar-logo-color: var(--red-800);
    --sidebar-padding-left: 10px;
    --sidebar-padding-right: 10px;
    --sidebar-menu-items-padding-left: 6px;
    --sidebar-menu-items-padding-right: 10px;
    --sidebar-menu-badge-bg: var(--indigo-100);
    --sidebar-menu-badge-color: var(--red-500);
    --sidebar-menu-badge-active-bg: var(--color-primary);
    --sidebar-menu-badge-active-color: var(--indigo-50);
    --sidebar-menu-header-color: var(--red-400);
    --sidebar-menu-icon-color: var(--red-500);
    --sidebar-menu-active-item-bg: var(--red-200);
    --sidebar-menu-active-item-color: var(--color-primary);

    --content-search-input-bg: var(--body-bg);
    --content-search-icon-color: var(--red-500);
    --content-search-reset-button-bg: var(--red-300);
    --content-search-reset-button-color: var(--red-600);
    --content-search-reset-button-hover-bg: var(--red-600);
    --content-search-reset-button-hover-color: var(--red-200);
    --content-top-border-color: var(--red-200);
    
    --font-family-sans-serif: 'Roboto', sans-serif;
    .btn-primary {
        --bs-btn-disabled-bg: #EA0047;
    }
    
}

    .page-login .form-send, .page-login .text-centered{
            text-align: center;
    }
    .forget-password {
        text-align: right;
    }

    .forget-password a {
        font-size: 11px;
        color: var(--neutral-400);
        font-weight: 300;
        font-style: italic;
        padding: 0 10px;
        transition: var(--transition);
    }

    .login-logo img{
        margin: auto;
        display: block;        
    }